<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:c="http://java.sun.com/jsp/jstl/core">


    <a4j:form id="frmIndicador">
        <rich:panel id="panelValidacion" header="Ingreso de Indicadores" >
        
            
            <br/>
            <a4j:commandButton id="btNuevoIndicador"  value="Nuevo Indicador"
                               action="#{gestorIngresoIndicadores.nuevoRegistro}"
                               title="Nuevo Indicador"
                               reRender="panelValidacion,panelListIndicadores"
                               />


           <!-- Datos de los Evaluadores -->
            <rich:panel id="panelEvaluadores" >
                <h:panelGrid columns="4">

                    <!-- Ingreso Datos Emprendimiento -->
                    <h:outputText value="Emprendimiento:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <a4j:commandButton id="btnBuscaEmprendimiento" image="/imagenes/application_form_magnify.ico"
                                               actionListener="#{gestorIngresoIndicadores.pasarParamatrosEmprendimiento}" ajaxSingle="true"
                                               reRender="panelListIndicadores"
                                               />
                            <h:inputText id="idEmprendimiento" value="#{gestorIngresoIndicadores.currentIndicadores.emprendimiento.nombre}"
                                         required="true" size="70" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>
                        <rich:message for="idEmprendimiento" errorClass="mensaje_error"/>
                        </h:panelGroup>
                    <h:outputText value="" />

                    <!-- Ingreso Datos Emprendimiento -->
                    <h:outputText value="Indicador:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <a4j:commandButton id="btnBuscaIndicador" image="/imagenes/application_form_magnify.ico"
                                               actionListener="#{gestorIngresoIndicadores.pasarParamatrosIndicador}" ajaxSingle="true"
                                               reRender="panelValidacion"/>
                            <h:inputText id="idIndicador" value="#{gestorIngresoIndicadores.currentIndicadores.indicador.descripcion}"
                                         required="true" size="70" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>
                        <rich:message for="idIndicador" errorClass="mensaje_error"/>
                        </h:panelGroup>
                    <h:outputText value="" />


                </h:panelGrid>
            </rich:panel>
           <!-- Fin de los Evaluadores -->

           <!-- Datos a Evaluar -->
            <rich:panel id="panelDatosValores" >
                <h:panelGrid columns="1"    >


                    <rich:panel id="panelValoresIndicadores"     style="width:500px" header="Datos del Indicador">
                            <h:panelGrid columns="3">




                        <h:outputText value="" />
                        <h:outputText value="" />
   

                          <!--  <h:outputText value="#{general.codigo}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputText id="idCodigo1" value="#{gestorIngresoIndicadores.currentIndicadores.codigo}"
                                             required="true" requiredMessage="Es necesario llenar este campo."
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputText>
                                <rich:message for="idCodigo1" errorClass="mensaje_error"/>
                            </h:panelGroup>
                          -->


                            <br/>
                            <h:outputText value="Valor:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputText id="idValor1" value="#{gestorIngresoIndicadores.currentIndicadores.valor}"
                                             required="true" requiredMessage="Es necesario llenar este campo."
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputText>
                                <rich:message for="idValor1" errorClass="mensaje_error"/>
                            </h:panelGroup>

                            <br/>
                            <h:outputText value="Unidad:" />
                            <h:panelGroup>
                                <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                                <h:inputText id="idUnidad" value="#{gestorIngresoIndicadores.currentIndicadores.unidad}"
                                                 size="20" maxlength="20"
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputText>
                                <rich:message for="idUnidad" errorClass="mensaje_error"/>
                            </h:panelGroup>


                            <br/>
                            <h:outputText value="#{general.observacion}:" />
                            <h:panelGroup>
                                <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                                <h:inputTextarea id="idObservacion1" value="#{gestorIngresoIndicadores.currentIndicadores.observacion}"
                                                  cols="32" rows="8"
                                                  validator="#{gestorIngresoIndicadores.validarT}"
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputTextarea>
                                <rich:message for="idObservacion1" errorClass="mensaje_error"/>
                            </h:panelGroup>




                            <br/>
                            <h:outputText value="Fecha:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputText id="idFecha" value="#{gestorIngresoIndicadores.currentIndicadores.fecha} "
                                             readonly="true"
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputText>

                            </h:panelGroup>

                            <br/>
                            <h:outputText value="#{general.Anio}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputText id="idAnio1" value="#{gestorIngresoIndicadores.currentIndicadores.ano}"
                                             required="true" requiredMessage="Es necesario llenar este campo."
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputText>
                                <rich:message for="idAnio1" errorClass="mensaje_error"/>
                            </h:panelGroup>
                            <br/>

                            <h:outputText value="Semestre:" />
                            <h:panelGroup>
                                <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                                <h:inputText id="idSemestre1" value="#{gestorIngresoIndicadores.currentIndicadores.semestre}"
                                             
                                             >
                                    <a4j:support event="onblur"/>
                                </h:inputText>
                                <rich:message for="idSemestre1" errorClass="mensaje_error"/>
                            </h:panelGroup>


                            <br/>
                            <a4j:commandButton id="btGrabarIndicador"  value="Grabar"
                                             action="#{gestorIngresoIndicadores.grabarIndicadores}"
                                             title="Grabar Indicador" immediate="true"  reRender="panelValidacion,panelListIndicadores"
                                             />




                                </h:panelGrid>
                            </rich:panel>



                </h:panelGrid>
            </rich:panel>
           <!-- Fin de los Datos a Evaluar -->

           <!-- Listado de Indicadores -->
           <rich:panel id="panelListIndicadores" header="Indicadores Valorados" >



               <rich:dataTable id="ListaIndicadores"
                               onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                               onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                               value="#{gestorIngresoIndicadores.listaResultados}"
                               binding="#{gestorIngresoIndicadores.tablaIndicadores}"
                               rowKeyVar="row"
                               rows="5"
                               var="valoraciones"
                               
                               >
               
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Fecha" />
                            </f:facet>

                            <h:outputText value="#{valoraciones.fecha}"></h:outputText>
                        </rich:column>


                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="#{general.descripcion}" />
                            </f:facet>

                            <h:outputText value="#{valoraciones.observacion}"></h:outputText>
                        </rich:column>


                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="valor" />
                            </f:facet>

                            <h:outputText value="#{valoraciones.valor}"></h:outputText>
                        </rich:column>

                       
                        <!--
                         <rich:column>

                            <f:facet id="fctClmAcciones" name="header">
                            	<h:outputText id="outClmAcciones" value="Acciones" title="Acciones a ejecutar sobre el registro"/>
                            </f:facet>

	                        <div id="divAcciones" align="center">
                                    <a4j:commandButton id="btnAccionEliminar" action="#{gestorIngresoIndicadores.eliminar}" value="Eliminar"
	                                               image="/imagenes/close.png" title="Eliminar" reRender="pnlResultadoComite"/>
	                            <a4j:commandButton id="btnAccionModificar" action="#{gestorIngresoIndicadores.eliminar}" value="Ver"
	                                               image="/imagenes/book_open.ico" title="Permite visualiza el detalle de un registro."/>
	                        </div>
                        </rich:column>-->
                        <f:facet id="fctPieDetalle" name="footer">
                        	<rich:datascroller id="dtsDetalleIndicador" for="ListaIndicadores"/>
                    	</f:facet>



                     </rich:dataTable>



            </rich:panel>
           <!-- Fin deListado de Indicadores -->


           <a4j:include id="incBuscarEmprendimiento" viewId="/comun/buscarEmprendimiento.xhtml"/>
           <a4j:include id="incBuscarIndicador" viewId="/comun/buscarIndicador.xhtml"/>

        </rich:panel>

    </a4j:form>
</ui:composition>